@charset "utf-8";

html{ width:100%;}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dd,dt,s,del,i,em{margin:0;padding:0;border:0; text-decoration:none; font-style:normal; outline:none;}
body{background:#f1eff1;color:#333333;font-size:14px; font-family:Tahoma, "微软雅黑",Arial,sans-serif; width:100%; min-width:1200px;}
ul,ol,li,dl,dd,dt{list-style-type:none;}
select,input,img,select,button,textarea{vertical-align:middle; font-size:12px; outline:none;font-family:Tahoma,"微软雅黑",Arial,sans-serif;}


@font-face {
  font-family: 'iconfont';  /* project id 208945 */
  src: url('http://at.alicdn.com/t/font_6qbyrq7fpg44pldi.eot');
  src: url('http://at.alicdn.com/t/font_6qbyrq7fpg44pldi.eot?#iefix') format('embedded-opentype'),
  url('http://at.alicdn.com/t/font_6qbyrq7fpg44pldi.woff') format('woff'),
  url('http://at.alicdn.com/t/font_6qbyrq7fpg44pldi.ttf') format('truetype'),
  url('http://at.alicdn.com/t/font_6qbyrq7fpg44pldi.svg#iconfont') format('svg');
}
.iconfont{font-family:"iconfont" !important; font-style:normal;}
@-webkit-keyframes spinAround {from {-webkit-transform: rotate(0deg)}to {-webkit-transform: rotate(360deg);}}
@-moz-keyframes spinAround {from {-moz-transform: rotate(0deg)}to {	-moz-transform: rotate(360deg);}}
@keyframes spinAround {from {transform: rotate(0deg)}to {transform: rotate(360deg);}}

a{text-decoration:none; color:#333333;}
a:hover{color:#0E842C;}
.clearit{clear:both; }


.b{font-weight:bold}
.red{ color:#f00 !important}
.orange{ color:#ff4a00}
.orange:hover{ text-decoration:underline}
.black{ color:#222}
.blue{ color:#3ba0ff}
.green{ color:#69bd83 !important}
.green:hover{ color:#69bd83; text-decoration:underline}
.gray{ color:#888}
.font14{ font-size:14px}
.left{ float:left}
.right{ float:right}

.ie-tips{ position:fixed; left:0;top:0; z-index:99999999999; width:100%; background-color:#5e5e5e; padding:30px 0 50px; color:#fff; text-align:center}
.ie-tips strong{ font-size:40px}
.ie-tips p{ margin-top:10px; line-height:180%; font-size:16px;}
.ie-tips ul{ margin:0 auto; margin-top:20px; width:400px;}
.ie-tips ul li{ float:left; width:100px; text-align:center}
.ie-tips ul li a{ color:#fff}
.ie-tips ul li a:hover{ color:#0E842C}
.ie-tips ul li i{ font-size:50px; margin-bottom:10px; display:block}
.ie-tips .close-btn{ width:30px; height:30px; background:url(close-icon.gif) no-repeat center center #444; display:block; position:absolute; right:20px;top:20px; border:1px #666 solid}
.ie-tips .close-btn:hover{ background-color:#0E842C; border-color:#0E842C}




.wrapper{ width:1200px; margin:0 auto}


#header{ height:80px;  width:100%;z-index:100;/* position:fixed; left:0;top:0; */background-color:#fff;}
#header .wrapper{ position:relative; z-index:2}
#header .logo{ float:left; margin-top:10px; height:60px;}
#header .nav{ float:right;}
#header .nav ul li{ float:left;position:relative;}
#header .nav ul li a{ display:block; float:left;  width:72px;height:80px; text-align:center; line-height:30px; font-weight:bold; color:#0E842C; position:relative; z-index:2;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;}
#header .nav ul li a.home{ width:65px}
#header .nav ul li a p{ font-size:30px; margin-top:13px; font-weight:normal;}
#header .nav ul li i{ display:block;position:absolute; width:100%; height:0; left:0;bottom:0; background-color:#0E842C; -webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s; z-index:1}
#header .nav ul li.hover a{ color:#fff;}
#header .nav ul li.hover i{height:80px}

#sub-nav{ position:absolute;top:80px; left:0; width:100%; z-index:100; height:60px; overflow:hidden;}
#sub-nav .sub-nav-bg{ background-color:#0E842C; height:60px; line-height:60px;position:absolute;top:-60px; left:50%;padding:0px 10px;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s; width:200%}
#sub-nav .sub-nav-bg a{ float:left; display:block; padding:0px 15px; color:#d2ced5; font-weight:bold;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s; font-size:13px;}
#sub-nav .sub-nav-bg a:hover{ color:#fff}
#sub-nav .sub-nav-bg.hover{top:0}
#sub-nav .sub-nav-bg .input{ margin-top:13px; background-color:#f7f6f5; border:0; height:14px; line-height:14px; width:140px; padding:10px; float:left}
#sub-nav .sub-nav-bg .hover{ background-color:#fff}
#sub-nav .sub-nav-bg button{ border:0; background-color:#ccc; width:40px; height:34px;float:left; margin-top:13px; color:#fff;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;}
#sub-nav .sub-nav-bg button:hover{ background-color:#666666}

#subpagebg{width:100%; height:auto; color:#333;background-color:#fff; line-height:180%;}
#subpage-banner{  width:100%; position:relative; overflow:hidden; height:100px;}
#subpage-banner img{ position:absolute; left:50%; margin-left:-960px;top:0px;}

.location{ padding-bottom:15px;color:#999; font-size:12px; border-bottom:1px #e2e2e2 solid; }
.location i{ margin-right:3px;}
.location a:last-child{ font-weight:bold}

#page-top{ height:60px; line-height:60px; border-bottom:1px #e2e2e2 solid;background-color:#fff}
#page-top .sub-cate{ float:right}
#page-top .sub-cate a{ display:block; line-height:60px; float:left; position:relative; font-weight:bold; margin-left:40px}
#page-top .sub-cate a i{ display:block; width:0; height:2px; position:absolute; left:0;bottom:-1px; background-color:#0E842C;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s; }
#page-top .sub-cate a.hover i{width:100%;}
#page-top .location{ float:left; border:0; padding:0}

#subpage{ width:1200px; margin:0 auto; padding-bottom:30px;position:relative; margin-top:30px;}
#subpage-left{ width:250px; float:left; position:relative; z-index:2;}
#subpage-left h2{ background:url(subpage-title-bg.png) repeat-x; color:#fff; height:80px; padding:40px 40px 0;}
#subpage-left h2 em{ display:block; width:30px; height:4px;  position:relative;}
#subpage-left h2 strong{ font-size:28px; display:block; height:28px; margin-top:5px;}
#subpage-left h2 span{ font-size:14px; display:block; font-weight:normal}
#subpage-left ul{}
#subpage-left ul li a{ display:block ; background-color:#eeeeee;  text-indent:40px;  line-height:40px;  color:#333; font-size:14px;-webkit-transition:background-color .25s,border .25s;transition:background-color .25s,border .25s;border: 1px solid #f8f8f8;border-top: 1px solid #ffffff; position:relative}
#subpage-left ul li a:hover{ background-color:#e6e6e6; color:#0E842C; border-color:#fff}
#subpage-left ul li i{ position:absolute; right:20px;top:0px; font-size:12px; display:none}
#subpage-left ul li a.current{ background-color:#e6e6e6; border-color:#e6e6e6; font-weight:bold; color:#0E842C}
#subpage-left ul li a.current i{ font-weight:normal; color:#0E842C; }
#subpage-left .guanggao{ float:left; width:250px; height:auto; background-color:#e8e8e8; }
#subpage-right{ width:900px; float:right; position:relative; z-index:1; margin-left:-1px ;}
#subpage-right .subpage-main{ min-height:300px; margin-top:30px;}


.news-list{ padding:0px}
.news-search{ background:#eee; }
.news-search span{ color:#666; font-size:13px; line-height:30px; font-weight:bold; display:inline-block;padding:15px 30px; width:100px; text-align:right;background:#0E842C; color:#fff}
.news-search .input{border:0; width:240px; height:18px; line-height:18px; padding:6px 10px; color:#888;  border:1px #cccccc solid ; border-bottom-color:#ddd;border-right-color:#ddd; margin-right:10px;-moz-box-shadow:2px 2px 2px #eee inset;-webkit-box-shadow:2px 2px 2px #eee inset;box-shadow:2px 2px 2px #eee inset; margin-left:20px;}
.news-search .hover{ background:#f8f8f8; color:#0E842C}
.news-search button{ background:#4c4c4c; border:0; height:30px; line-height:30px; color:#fff; width:80px;}
.news-search button:hover{ background:#0E842C; }

.news-list ul.list{ margin-top:20px;}
.news-list ul.list li{ padding:15px 0px; background:url(dot.gif) repeat-x 0 bottom; text-align:right}
.news-list ul.list li span{ color:#aaa}
.news-list ul.list li a{ float:left; line-height:16px; background:url(li.gif) no-repeat 0 center; padding-left:9px}
.news-list ul.list li s{background:url(small_img.gif) no-repeat 0 center; margin-left:10px; width:16px; height:16px; float:left}

.project-list{ padding:0px;overflow:hidden}
.project-list  ul{ width:1260px;overflow:hidden}
.project-list  ul li{ width:360px; height:300px; float:left; margin-right:60px; margin-bottom:30px; overflow:hidden; position:relative; }
.project-list ul li .boxgrid{width:360px;height:280px;float:left;background:#161613;overflow:hidden;position:relative;}
.project-list ul li .boxgrid h3{margin:10px 10px 0 10px;color:#FFF;letter-spacing:-1px;font-weight:bold;}
.project-list ul li .boxgrid img{position:absolute;top:0;left:0;border:0;width:360px;height:240px;	transform: translateZ(0px); transition: transform 0.3s ease 0s;}
.project-list ul li:hover .boxgrid img{	transform: scale(1.1, 1.1);transition: transform 0.6s ease 0s;}
.project-list ul li .boxgrid p{padding:5px 10px;color:#fff;}		
.project-list ul li .boxgrid span{ display:block; padding:0 10px; color:#fff}
.project-list ul li .boxcaption{float:left;position:absolute;background:#666;height:140px;width:100%;}
.project-list ul li:hover .boxcaption{background:#0E842C;}
.project-list ul li .caption .boxcaption {top:240px;left:0px;}

.video-list{ padding:0px;overflow:hidden}
.video-list ul{width:945px;overflow:hidden}
.video-list li{ width:270px; float:left;  margin-bottom:30px; position:relative;margin-right:45px}
.video-list li img{ width:270px; height:180px; background:#fff;}
.video-list li h3{ background:#ccc; font-size:12px; text-align:center; height:40px; line-height:35px;}
.video-list li h3 a{ color:#333;}
.video-list li h3 a:hover{ text-decoration:underline}
.video-list li:hover h3{ background:#19874b}
.video-list li:hover h3 a{ color:#fff}
.video-list li:hover s{filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity: 0.3;opacity: 0.3;}
.video-list li span {
    background: rgba(0, 0, 0, 0) url("video-icon.png") no-repeat scroll center center / cover ;
    display: block;
    height: 55px;
    left: 50%;
    margin-left: -28px;
    margin-top: -28px;
    position: absolute;
    top: 40%;
    width: 56px;
-webkit-animation:circle 3s infinite linear;
}
@-webkit-keyframes circle{
0%{ transform:rotate(0deg); }
100%{ transform:rotate(-360deg); }
}
.video-list li em {
    background: rgba(0, 0, 0, 0) url("video-ico01.png") no-repeat scroll center center / cover ;
    display: block;
    height: 25px;
    left: 50%;
    margin-left: -7px;
    margin-top: -13px;
    position: absolute;
    top: 40%;
    width: 15px;
}


.spec-list{ padding:0px;overflow:hidden}
.spec-list ul{width:1000px;overflow:hidden}
.spec-list li{ width:420px; float:left;  margin-bottom:30px; position:relative;margin-right:60px}
.spec-list li img{ width:420px; height:160px; background:#fff;}
.spec-list li h3{ background-color:#ccc; font-size:14px; text-align:center; height:30px; line-height:30px;}
.spec-list li h3 a{ color:#333;}
.spec-list li h3 a:hover{ text-decoration:underline}
.spec-list li:hover h3{ background:#19874b}
.spec-list li:hover h3 a{ color:#fff}
.spec-list li .ms{ background-color:#ccc; font-size:12px;  width:400px; height:50px; line-height:18px;padding:0px 10px 10px 10px;}


.project-search{ margin:0 auto; background:#ddd; height:80px; position:relative; z-index:200; margin-bottom:30px}
.project-search span{ display:block; float:left; background:#0E842C; width:100px; line-height:80px; line-height:80px; text-align:right; padding-right:50px; color:#fff; font-size:15px; margin-right:30px;}
.project-search p{ float:left; margin-top:23px; color:#777; margin-right:20px;line-height:19px;}
.project-search p label{ float:left; margin-right:10px; line-height:33px;}
.project-search p div{ float:left}
.project-search button{ background:#4c4c4c; border:0; height:30px; line-height:30px; color:#fff; width:80px; margin-top:20px}
.project-search button:hover{ background:#0E842C; }

.pageList{ margin-top:25px}
.pageList ul{ text-align:center}
.pageList ul li{ display:inline; margin-left:3px}
.pageList ul li{ display:inline-block; height:35px; line-height:35px; padding:0px 15px; background:#fff; border:1px #e3e3e3 solid; position:relative; margin:0 0px; font-size:14px; color:#888}
.pageList ul li:hover, .pageList ul li.active{ background:#0E842C; color:#fff; border:1px #0E842C solid; }
.pageList ul li:hover a, .pageList ul li.active a{ color:#fff;  }
.pageList ul li span{ display:inline-block; height:35px; line-height:35px;  font-weight:bold; font-size:14px; color:#888}


.news-view{ padding:0px;}
.news-view h1{font-size:22px; font-family:"微软雅黑"; text-align:center; line-height:33px; padding:10px 30px 20px; color:#0E842C}
.news-view p.info{padding:12px 0px; text-align:center; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2;  color:#888}
.news-view p.info span{ color:#0E842C; margin-right:3px;}
.news-view .content{ line-height:220% !important; color:#555; margin-top:20px;font-family:"微软雅黑"; font-size:14px;}
.news-view .content table,.news-view .content td{ border:1px solid #ebebeb;}
.news-view .content p{ margin-bottom:15px;line-height:180% !important;}
.news-view .content span{ margin-bottom:15px;line-height:180% !important;}
.news-view .content h3{ margin:25px 0 10px !important; font-size:16px !important;}
.news-view .other{ border-top:4px #e2e2e2 solid; padding-top:25px; margin-top:25px}
.news-view .other .left{ float:left;color:#777; width:550px;}
.news-view .other .left p{height:25px;}
.news-view .other .left p a{ margin-left:3px;}
.news-view .other .right{float:right;color:#777}


/* -------------------------------- 

Modules - reusable parts of our design

-------------------------------- */
.cd-container {
  /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
  width: 90%;
  max-width: 1170px;
  margin: 0 auto;
}
.cd-container::after {
  /* clearfix */
  content: '';
  display: table;
  clear: both;
}

/* -------------------------------- 

Main components 

-------------------------------- */

#cd-timeline {
  position: relative;
  padding: 0 0 2em 0;
  margin-bottom: 2em;
}
#cd-timeline::before {
  /* this is the vertical line */
  content: '';
  position: absolute;
  top: 0;
  left: 18px;
  height: 100%;
  width: 4px;
  background: #d7e4ed;
}
@media only screen and (min-width: 1170px) {
  #cd-timeline {
    margin-top: 3em;
    margin-bottom: 3em;
  }
  #cd-timeline::before {
    left: 50%;
    margin-left: -2px;
  }
}

.cd-timeline-block {
  position: relative;
  margin: 2em 0;
}
.cd-timeline-block:after {
  content: "";
  display: table;
  clear: both;
}
.cd-timeline-block:first-child {
  margin-top: 0;
}
.cd-timeline-block:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 1170px) {
  .cd-timeline-block {
    margin: 4em 0;
  }
  .cd-timeline-block:first-child {
    margin-top: 0;
  }
  .cd-timeline-block:last-child {
    margin-bottom: 0;
  }
}

.cd-timeline-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  box-shadow: 0 0 0 4px #edfff0, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
}
.cd-timeline-img img {
  display: block;
  width: 24px;
  height: 24px;
  position: relative;
  left: 50%;
  top: 50%;
  margin-left: -12px;
  margin-top: -12px;
}
.cd-timeline-img.cd-picture {
  background: #75ce66;
}
.cd-timeline-img.cd-movie {
  background: #c03b44;
}
.cd-timeline-img.cd-location {
  background: #f0ca45;
}
@media only screen and (min-width: 1170px) {
  .cd-timeline-img {
    width: 60px;
    height: 60px;
    left: 50%;
    margin-left: -30px;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
  }
  .cssanimations .cd-timeline-img.is-hidden {
    visibility: hidden;
  }
  .cssanimations .cd-timeline-img.bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-1 0.6s;
    -moz-animation: cd-bounce-1 0.6s;
    animation: cd-bounce-1 0.6s;
  }
}

.cd-timeline-content {
  position: relative;
  margin-left: 60px;
  background: #edfff0;
  border-radius: 0.25em;
  padding: 1em;
  box-shadow: 0 3px 0 #d7e4ed;
}
.cd-timeline-content:after {
  content: "";
  display: table;
  clear: both;
}
.cd-timeline-content h2 {
  color: #303e49;
}
.cd-timeline-content p, .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
  font-size: 13px;
  font-size: 0.8125rem;
}
.cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
  display: inline-block;
}
.cd-timeline-content p {
  margin: 1em 0;
  line-height: 1.6;
}
.cd-timeline-content .cd-read-more {
  float: right;
  padding: .8em 1em;
  background: #acb7c0;
  color: #edfff0;
  border-radius: 0.25em;
}
.no-touch .cd-timeline-content .cd-read-more:hover {
  background-color: #bac4cb;  
}
a.cd-read-more:hover{text-decoration:none; background-color: #424242;  }
.cd-timeline-content .cd-date {
  float: left;
  padding: .8em 0;
  opacity: .7;
}
.cd-timeline-content::before {
  content: '';
  position: absolute;
  top: 16px;
  right: 100%;
  height: 0;
  width: 0;
  border: 7px solid transparent;
  border-right: 7px solid #edfff0;
}
@media only screen and (min-width: 768px) {
  .cd-timeline-content h2 {
    font-size: 20px;
    font-size: 1.25rem;
  }
  .cd-timeline-content p {
    font-size: 16px;
    font-size: 1rem;
  }
  .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-timeline-content {
    margin-left: 0;
    padding: 1.6em;
    width: 42%;
  }
  .cd-timeline-content::before {
    top: 24px;
    left: 100%;
    border-color: transparent;
    border-left-color: #edfff0;
  }
  .cd-timeline-content .cd-read-more {
    float: left;
  }
  .cd-timeline-content .cd-date {
    position: absolute;
    width: 100%;
    left: 122%;
    top: 6px;
    font-size: 16px;
    font-size: 1rem;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content {
    float: right;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
    top: 24px;
    left: auto;
    right: 100%;
    border-color: transparent;
    border-right-color: #edfff0;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
    float: right;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
    left: auto;
    right: 122%;
    text-align: right;
  }
  .cssanimations .cd-timeline-content.is-hidden {
    visibility: hidden;
  }
  .cssanimations .cd-timeline-content.bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-2 0.6s;
    -moz-animation: cd-bounce-2 0.6s;
    animation: cd-bounce-2 0.6s;
  }
}

@media only screen and (min-width: 1170px) {
  /* inverse bounce effect on even content blocks */
  .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
    -webkit-animation: cd-bounce-2-inverse 0.6s;
    -moz-animation: cd-bounce-2-inverse 0.6s;
    animation: cd-bounce-2-inverse 0.6s;
  }
}
.about-content{font-size:14px; line-height:195%; color:#4d4852}
.about-content p{ margin-bottom:12px; }
.ywbk-case{ margin-top:30px;  overflow:hidden}
.ywbk-case h2{ font-size:20px; border-top:1px #e2e2e2 solid; padding-top:30px}
.ywbk-case .list{ width:1020px}
.ywbk-case .list .item{ width:265px; float:left; margin-right:40px; position:relative;  margin-top:30px; height:230px; overflow:hidden; }
.ywbk-case .list .item .image{ position:relative; width:265px; height:177px; overflow:hidden}
.ywbk-case .list .item .image img{ width:100%; -webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;}
.ywbk-case .list .item strong{ display:block; text-align:center; padding:10px 0 15px; line-height:150%;-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;}
.ywbk-case .list .item:hover .image img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}

.contact{ position:relative; width:100%; min-height:350px; background-color:#333333}
.contact .list{ width:360px; background-color:#fff; position:absolute; left:50%; margin-left:-590px;top:50px; z-index:222;-webkit-box-shadow: 0 1px 10px rgba(0,0,0,.3);box-shadow: 0 1px 10px rgba(0,0,0,.3);}
.contact .list li{ padding:15px 0; height:20px;  text-indent:15px; cursor:pointer;-webkit-transition:background-color .25s,border .25s;transition:background-color .25s,border .25s; text-align:right; color:#666; position:relative}
.contact .list li strong{ float:left; display:block}
.contact .list li label{ font-weight:normal; color:#888; margin-left:5px}
.contact .list li i{ position:absolute; right:10px; color:#aaa}
.contact .list li em{ margin-right:5px; font-weight:normal; color:#ccc}
.contact .list li.gray{ background-color:#fafafa; color:#666}
.contact .list li:hover{ background-color:#0E842C; color:#fff}
.contact .list li:hover span{ color:#fff}
.contact .list li:hover i{ color:#fff}
.contact .list li:hover em{ color:#fff}
.contact .list li:hover label{ color:#fff}
.contact .list li dl{ width:100px; left:360px;top:0; position:absolute; background-color:#0E842C; text-align:left; display:none}
.contact .list li dl dd{ color:#fff; padding:15px 0 16px}
.contact .list li dl dd:hover{ background-color:#05601c}
.contact .list li:hover dl{ display:block}
.contact .list li:hover dl dd{ position:relative}
.contact .list li:hover div{ position:absolute; left:100px;top:0; background-color:#05601c; padding:17px 20px; width:360px; text-indent:0; display:none }
.contact .list li:hover div span{ display:inline-block; font-size:12px; width:350px; margin-bottom:8px;text-indent:0}
.contact .list li:hover div b{ display:inline-block; font-size:12px; margin-bottom:8px;color:#05601c;}
.contact .list dd:hover div{ display:block}
.contact .mask{}

#map-content{ font-family:Tahoma, "微软雅黑"; line-height:180%}
#map-content h1{ font-size:20px; line-height:30px;}

#page-footer{ border-top:1px #eaeaea solid; background-color:#f1eff1; padding-bottom:5px; color:#333333;}
#page-footer .linkleft{ float:left;line-height:60px;width:123px;height:40px;}
#page-footer .linkcenter{ float:left;line-height:40px; text-align:left;width:877px;height:40px;padding-left:20px;}
#page-footer .linkcenter .links span{ margin:0 8px; color:#ddd}
#page-footer .linkcenter .links a{ font-size: 12px; font-weight:800}
#page-footer .linkright{ float:left;line-height:150%; text-align:right;width:180px;height:40px;}
#page-footer .linkright .selects{ margin-top:5px; height:30px;}
#page-footer .linkright .selects .item{ float:right;  position:relative; width:180px;margin-left:10px; text-align:left }
#page-footer .linkright .selects .item h3{ display:block; line-height:28px; border:1px #dfdfdf solid; font-weight:normal; font-size:12px; background:url(icon2.gif) no-repeat right 0 #fff; text-indent:10px;-webkit-transition: background-color .25s,border .25s;transition:background-color .25s,border .25s;}
#page-footer .linkright .selects .item ul{ position:absolute;bottom:30px; left:0; background:#fff; width:178px; border:1px #dfdfdf solid; border-bottom:0; display:none;z-index:9999}
#page-footer .linkright .selects .item ul li{ line-height:30px; text-indent:10px; }
#page-footer .linkright .selects .item ul li a{ display:block;-webkit-transition: background-color .25s,border .25s;transition:background-color .25s,border .25s;}
#page-footer .linkright .selects .item ul li a:hover{ background-color:#ebebeb}
#page-footer .linkright .selects .item:hover h3{ color:#fff; background-position:right -28px; background-color:#746969; border-color:#746969}
#page-footer .linkright .selects .item:hover ul{ display:block; font-size:12px;}
#page-footer .linkline{ display:inline-block; width:1200px; height:2px; margin-top:0px;background:url(2.jpg) no-repeat; }

#page-footer .bottom{ float:left;line-height:150%; width:1200px;text-align:center;padding-top:5px;font-size: 12px;}
#page-footer .bottom b{ color:#0E842C}

#demo { 
width: 100%; height:520px; overflow:auto; border:0px solid #000000;"
} 
.qiyebiaoshi  {width:1200px; margin:0 auto;padding:30px 0;}
#owl-demo{position:relative;width:900px;height:600px;margin:20px auto 0 auto;}
#owl-demo .item{ position:relative;display:block; }
#owl-demo img{display:block;height:600px;margin:0 auto;}
#owl-demo b{display:none;position:absolute;left:0;bottom:0;width:100%;height:78px;background-color:#000;opacity:.5;filter:alpha(opacity=50);}
#owl-demo span{display:none;position:absolute;left:0;bottom:37px;width:100%;font:18px/32px "微软雅黑","黑体";color:#fff;text-align:center;}

.owl-pagination{position:absolute;left:0;bottom:10px;width:100%;height:22px;text-align:center;}
.owl-page{display:inline-block;width:10px;height:10px;margin:0 5px;background-image:url(../images/bg15.png);*display:inline;*zoom:1;}
.owl-pagination .active{width:25px;background-image:url(../images/bg16.png);}
.owl-buttons{display:none;}
.owl-buttons div{position:absolute;top:50%;width:40px;height:80px;margin-top:-40px;text-indent:-9999px;}
.owl-prev{left:0;background-image:url(../images/bg17.png);}
.owl-next{right:0;background-image:url(../images/bg18.png);}
.owl-prev:hover{background-image:url(../images/bg19.png);}
.owl-next:hover{background-image:url(../images/bg20.png);}
.changeType{width:auto;height:36px; margin:0 auto;}

#owl-demo2{position:relative;width:700px;height:430px;margin:20px auto 0 auto;}
#owl-demo2 .item{ position:relative;display:block; }
#owl-demo2 img{display:block;height:430px;margin:0 auto;}
#owl-demo2 b{display:none;position:absolute;left:0;bottom:0;width:100%;height:78px;background-color:#000;opacity:.5;filter:alpha(opacity=50);}
#owl-demo2 span{display:none;position:absolute;left:0;bottom:37px;width:100%;font:18px/32px "微软雅黑","黑体";color:#fff;text-align:center;}
/* 属性 */
.filter-box .padding-big{padding:5px 10px}
.filter-box dl{line-height:24px;}
.filter-box dl dt{padding:5px; display:block;float:left;line-height:24px;font-weight:normal}
.filter-box dl dd{display:block;float:left;position:relative;line-height:24px;}
.filter-nav ul li {margin:0;padding:3px; display:block;float:left;width:auto;line-height:24px;}
.filter-nav ul li a{cursor:pointer;display:block;color:#6E6E6E;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;}
.filter-nav ul li a:hover{color:#0E842C;}
.filter-nav ul li a.active{color:#fff;background:#0E842C}
.filter-nav ul li b{font-weight:normal;padding:0 5px;}
.book_news{width:898px; border:1px solid #cacaca; margin:10px auto;}
.name_book{width:25%;height:25px;float:left;}
.news_book{width:20%;height:25px;float:left;}
.time_book{width:15%;height:25px;float:left;}
.book_next_header{width:898px; border:1px solid #fff; background-color:#f8f8f8; height:25px; color:#000; line-height:25px; text-align:left; text-indent:10px;}
.book_next_header dl{width:898px;}
.book_next_text{width:898px; height:25px; color:#000; line-height:25px; text-align:left; text-indent:10px;}